<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
	<title>read</title>
	<link rel="stylesheet" href="http://g.alicdn.com/msui/sm/0.6.2/css/sm.css">
	<script type='text/javascript' src='http://g.alicdn.com/sj/lib/zepto/zepto.js' charset='utf-8'></script>
	<script type='text/javascript' src='http://g.alicdn.com/msui/sm/0.6.2/js/sm.js' charset='utf-8'></script>
</head>
<body>
	<div class="page-group" id="page-read">
		<!-- 单个page ,第一个.page默认被展示-->
		<div class="page page-current" >
			<header id="headerbar" class="bar bar-nav" style="background:rgb(238,238,238);">
				<a href="" class="button button-link button-nav pull-left back">
                    <span class="icon icon-left"></span>
                    返回
                </a>
				<h1 class="title"></h1>
				<img src="../images/moon.png" id="moon_icon" style="float:right;margin-right:10px;margin-top:10px;display:block">
				<img src="../images/sun.png" id="sun_icon" style="float:right;margin-right:10px;margin-top:10px;display:none">

			</header>
			<div id="box">
				<textarea name="" readonly="readonly" scroll="" style="background:#eee;" id="bookTextarea"></textarea>
			</div>
		</div>
	</div>
	<script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
	<script type="text/javascript">
	</script>
	<script>
        window.onload=function () {
        	var moon_icon=document.getElementById("moon_icon");
        	var bookTextarea=document.getElementById("bookTextarea");
        	var sun_icon=document.getElementById("sun_icon")
            moon_icon.onclick=function () {
            		$('body').attr("class","theme-dark");
            		bookTextarea.style.backgroundColor = 'rgba(34,36,38,1)';
            		bookTextarea.style.color="#ffffff";
            		moon_icon.style.display = 'none';
            		sun_icon.style.display = 'block';
            }
            sun_icon.onclick=function () {
            	  $('body').attr("class","none");
            		bookTextarea.style.backgroundColor = 'rgba(239,239,244,1)';
            		bookTextarea.style.color="black";
            		moon_icon.style.display = 'block';
            		sun_icon.style.display = 'none';
            	
            }
        }
    </script>
</body>
</html>